<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js">
    </script>
</head>
<div class="prism-player" id="J_prismPlayer"></div>
<script>
    var player = new Aliplayer({
        id: 'J_prismPlayer',
        width: '100%',
        autoplay: false,
        cover: 'https://guli-cj907.oss-cn-chengdu.aliyuncs.com/%E8%BD%AE%E6%92%AD%E5%9B%BE/878961833315c642a487e2ba0edc5364.jpg',
        //根据视频地址播放配置
        source : 'https://outin-78eba96ad2bf11ed92a200163e1c8dba.oss-cn-shanghai.aliyuncs.com/sv/4fb0137d-1874fe23efb/4fb0137d-1874fe23efb.mp4?Expires=1681804419&OSSAccessKeyId=LTAIxSaOfEzCnBOj&Signature=NZI8cJSoC2Dc1WpmM5sF41fPdBI%3D',
    }, function (player) {
        console.log('播放器创建好了。')
    });
</script>

<body>

</body>

</html>